<template>
  <div class="register-container">
    <h2>注册</h2>
    <form @submit.prevent="handleRegister" class="register-form">
      <div class="form-item">
        <label>用户名</label>
        <input type="text" v-model="username" required />
      </div>
      <div class="form-item">
        <label>密码</label>
        <input type="password" v-model="password" required />
      </div>
      <div class="form-item">
        <label>确认密码</label>
        <input type="password" v-model="confirmPassword" required />
      </div>
      <button type="submit">注册</button>
    </form>
  </div>
</template>

<script setup lang="ts">
import { useRegister } from '@/ts/auth/register'
import '@/css/auth/register.css'

const { username, password, confirmPassword, handleRegister } = useRegister()
</script> 